import React, {Component} from 'react';
import './jisubar.scss';
export default class JiSuBar extends Component{
    constructor(props){
        super(props);
        this.state = {
            data: [
                '所有商品均在海外生产或者海外销售',
                '极速海淘商品提前直邮到保税区',
                '海外直邮商品通过国际物流由商家直邮给您',
                '商品均有海外认证商家供货'
            ]
        }
    }
    render () {
        return (
            <>
                <div class="jisubar">
                    <img alt="" src="http://images.jumei.com/mobile/act/activities/2014_12/1207_hailin/zhigou_icon.jpg"/>
                    <div className="wenzi">
                        <h5>海外直供</h5>
                        <ul>
                            {
                                this.state.data.map((item,index)=> {
                                    return (
                                        <li key={index} className={index%2 === 0? 'light' : 'deep'}>{item}</li>
                                    )
                                })
                            }
                        </ul>
                    </div>
                </div>
            </>
        )
    }
}